Skip to main content

SVG Icon

Type

widget

Summary

This widget displays an SVG path as an icon. It has a default state and a "highlighted" state.

Description

This widget displays an SVG path as an icon. It has a default state and a "highlighted" state.

Children Properties

Property

NameSummarySyntax
highlight`true` if the SVG path is highlighted; `false` otherwiseset the highlight of <widget> to {true|false} get the highlight of <widget>
iconPathThe path data displayed by the SVG path widget.set the iconPath of <widget> to <pSVGPath> get the iconPath of <widget>
scaledWidthThe width of the bounding rect of the SVG path, in fractional pixels.get the scaledWidth of <widget>
scaledHeightThe height of the bounding rect of the SVG path, in fractional pixels.get the scaledHeight of <widget>
angleThe angle of rotation of the SVG path, in degrees clockwise.set the angle of <widget> to <pAngle> get the angle of <widget>
iconNameThe name of the currently chosen icon.get the iconName of <widget>
maintainAspectRatioWhether the SVG path maintains its aspect ratio when resized.set the maintainAspectRatio of <widget> to {true|false} get the maintainAspectRatio of <widget>
flipped`true` if the SVG path is flipped top-to-bottom; `false` otherwiseset the flipped of <widget> to {true|false} get the flipped of <widget>
iconPresetNameA predefined SVG icon path names.set the iconPresetName of <widget> to <pIconName> get the iconPresetName of <widget>
fillRuleThe fill rule to be used when rendering the SVG path.set the fillRule of <widget> to <pRule> get the fillRule of <widget>